<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>酒店列表</title>
		<meta name="Description" content=""/>
		<meta name="Keywords" content=""/>
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<link rel="stylesheet" type="text/css" href="css/daterangepicker.css"/> <!--选择日期-->
	</head>
	<body class="bg_f5f3f3">
		<!--head-->
    	<div class="head padding_lar30 clearfix">
    		<a href="" class="fl padding_top15"><img src="img/icon63.png" alt="" title=""/></a>
    		<a href="" class="fl head_position nyhead_position"><span>长沙</span></a>
    		<ul class="nav fl clearfix">
    			<li class="this">
    				<a href="" title="">首页</a>
    			</li>
    			<li>
    				<a href="" title=""><i></i>拍房</a>
    			</li>
    			<li>
    				<a href="" title="">掌中购</a>
    			</li>
    			<li>
    				<a href="" title="">推荐有礼</a>
    			</li>
    		</ul>
    		<div class="head_imgbox fl">
    			<img src="img/icon65.png" alt="" title="" class="padding_top30 animated  bounce infinite"/>
    		</div>
    		<div class="head_entrance fr padding_top25">
    			<a href="" title="" class="this">会员登录</a>
    			<a href="" title="">商家入口</a>
    			<span><img src="img/icon66.png" alt="" title=""/>400-716-0164</span>
    		</div>
    	</div>
    	<!--head end-->
    	<!--ny_banner-->
    	<div class="ny_banner300 " style="background: url(images/images56.jpg) no-repeat center center;background-size: cover;"> </div>
    	<!--ny_banner end-->
    	
    	<!--hotellist_contanier-->
    	<div class="hotellist_contanier padding_bot40">
    		<div class="width1200">
    			<!--part1-->
	    		<div class="part1">
	    			<div class="part1_search fontfamily_song clearfix">
	    				<div class="left fl clearfix">
	    					<ul class="fl clearfix demo">
	    						<li>
	    							<p class="font_size14 color_999 lineheight38">目的地</p>
	    							<input type="text" name="" id="" value="" placeholder="目的地"/>
	    						</li>
	    						<li class="two-inputs clearfix">
	    							<div class="fl">
	    								<p class="font_size14 color_999 lineheight38">入住日期</p>
	    							    <input type="text" name="" id="date-range200" size="20" value="" placeholder="年/月/日"/>
	    							</div>
	    							<div class="fl">
	    								<p class="font_size14 color_999 lineheight38">退房日期</p>
	    							    <input type="text" name="" id="date-range201" size="20" value="" placeholder="年/月/日" class="border_right_d2d2d2"/>
	    							</div>
	    						</li>
	    					</ul>
	    					<p class="fl padding_top55 font_size14 padding_left10">共<span id="selected_days">1</span>晚</p>
	    				</div>
	    				<div class="right fr clearfix">
	    					<div class="fl">
    							<p class="font_size14 color_999 lineheight38">退房日期</p>
    							<input type="text" name="" id="" value="" placeholder="酒店名/景点名/地标" class="border_right_d2d2d2"/>
	    					</div>
	    					<button class="fr"><img src="img/icon117.png" alt="" title="" class="right_img"/>搜索</button>
	    				</div>
	    			</div>
	    		</div>
    			<!--part1 end-->
    			<!--part2-->
    			<div class="part2 padding_top35">
    				<div class="clearfix margin_bottom10">
    					<p class="fl lineheight20 padding_right10">区域：</p>
    					<ul class="fl">
    						<li>
    							<a href="" title="" class="this">不限</a>
    							<a href="" title="">芙蓉区(13) </a>
    							<a href="" title="">雨花区(6)</a>
    							<a href="" title="">岳麓区(5)</a>
    							<a href="" title="">福区(1)</a>
    							<a href="" title="">天心区（1）</a>
    							<a href="" title="">火车站/高桥(14)</a>
    							<a href="" title="">市镇府/麓谷高新区(5)</a>
    							<a href="" title="">五一广场(4)</a>
    							<a href="" title="">贺龙体育中心(2)</a>
    							<div class="part2_hidebox">
	    							<a href="" title="">芙蓉区(13) </a>
	    							<a href="" title="">雨花区(6)</a>
	    							<a href="" title="">岳麓区(5)</a>
	    							<a href="" title="">福区(1)</a>
	    							<a href="" title="">天心区（1）</a>
	    							<a href="" title="">火车站/高桥(14)</a>
	    							<a href="" title="">市镇府/麓谷高新区(5)</a>
	    							<a href="" title="">五一广场(4)</a>
	    							<a href="" title="">贺龙体育中心(2)</a>
    							</div>
    						</li>
    					</ul>
    					<p class="fr color_f08519 part2_p">更多<i></i></p>
    				</div>
    				<div class="clearfix margin_bottom10">
    					<p class="fl lineheight20 padding_right10">星级：</p>
    					<ul class="fl">
    						<li>
    							<a href="" title="" class="this">不限</a>
    							<a href="" title="">经济型 </a>
    							<a href="" title="">三星级</a>
    							<a href="" title="">四星级</a>
    							<a href="" title="">五星级</a>
    						</li>
    					</ul>
    				</div>
    				<div class="clearfix">
    					<p class="fl lineheight20 padding_right10">价格：</p>
    					<ul class="fl">
    						<li>
    							<a href="" title="" class="this">不限</a>
    							<a href="" title="">RMB 400以下</a>
    							<a href="" title="">RMB 401-800</a>
    							<a href="" title="">RMB 801-1300 RMB</a>
    							<a href="" title="">1301以上</a>
    						</li>
    					</ul>
    				</div>
    			</div>
    			<!--part2 end-->
    			<!--part3-->
    			<div class="part3 clearfix">
    				<!--left-->
    				<div class="left fl" id="fixed_left">
    					<!--top-->
    					<div class="top clearfix">
    						<div class="top_abox fl">
    							<a href="" title="" class="top_firsta clearfix">
    								<span class="fl">竞拍</span><i class="this"></i>
    							</a>
    							<a href="" title="">评分<i class="this"></i></a>
    							<a href="" title="">价格<i></i></a>
    							<a href="" title="">星级<i></i></a>
    						</div>
    						<p class="fr font_size14 color_666">共<span class="font_size16">6023</span>家酒店</p>
    					</div>
    					<!--top end-->
    					<!--part3_ul-->
    					<ul class="part3_ul">
    						<li class="clearfix">
								<div class="imgbox fl">
									<a href="" title="">
									   <img src="images/images57.jpg" alt="" title=""/>
									</a>
								</div>
								<div class="part3_box fl clearfix">
									<!--left-->
									<div class="left fl">
										<a href="" title="" class="font_size20 lineheight50">全季长沙芙蓉中路酒店</a>
										<div class="part3_info clearfix fontfamily_song">
											<span class="fl font_size12 color_999">长沙 芙蓉区 五一路</span>
											<p class="fl margin_left10">
												<img src="img/icon122.png" alt="" title=""/>
												<img src="img/icon122.png" alt="" title=""/>
												<img src="img/icon122.png" alt="" title=""/>
												<img src="img/icon122.png" alt="" title=""/>
												<img src="img/icon122.png" alt="" title=""/>
											</p>
											<div class="part3_hover fl">
												<p>拍</p>
											</div>
										</div>
										<p class="part3_p font_size12 color_666 fontfamily_song lineheight50"><img src="img/icon123.png" alt="" title=""/>长沙芙蓉区万家丽中路99号万家丽国际购物广场北门</p>
										<div class="part3_tagbox clearfix">
											<ul class="fl">
												<li>干净卫生</li>
												<li>交通便利</li>
												<li>服务态度好</li>
											</ul>
											<p class="fr part3_collect font_size12 color_999"><i></i>收藏 258</p>
										</div>
									</div>
									<!--left-->
									<!--right-->
									<div class="right fr">
    				                	<p class="color_f08519 font_size36 font_blod"><span class="font_size14">￥</span>268</p>
    				                	<p class="color_999 font_size12 lineheight28"><span class="font_size16 color_19a7f0">超棒4.8 </span> / 5分</p>
    				                	<p class="fontfamily_song color_666 font_size12 lineheight28">共2756条评论</p>
    				                	<a href="" title="" class="part3_more"><i></i>查看详情</a>
									</div>
									<!--right end-->
								</div>
    						</li>
    						<li class="clearfix">
								<div class="imgbox fl">
									<a href="" title="">
									   <img src="images/images58.jpg" alt="" title=""/>
									</a>
								</div>
								<div class="part3_box fl clearfix">
									<!--left-->
									<div class="left fl">
										<a href="" title="" class="font_size20 lineheight50">锦江国际大酒店</a>
										<div class="part3_info clearfix fontfamily_song">
											<span class="fl font_size12 color_999">长沙 芙蓉区 五一路</span>
											<p class="fl margin_left10">
												<img src="img/icon122.png" alt="" title=""/>
												<img src="img/icon122.png" alt="" title=""/>
												<img src="img/icon122.png" alt="" title=""/>
												<img src="img/icon122.png" alt="" title=""/>
											</p>
											<div class="part3_hover fl">
												<p>拍</p>
											</div>
										</div>
										<p class="part3_p font_size12 color_666 fontfamily_song lineheight50"><img src="img/icon123.png" alt="" title=""/>长沙芙蓉区万家丽中路99号万家丽国际购物广场北门</p>
										<div class="part3_tagbox clearfix">
											<ul class="fl">
												<li>干净卫生</li>
												<li>交通便利</li>
												<li>服务态度好</li>
											</ul>
											<p class="fr part3_collect font_size12 color_999"><i></i>收藏 258</p>
										</div>
									</div>
									<!--left-->
									<!--right-->
									<div class="right fr">
    				                	<p class="color_f08519 font_size36 font_blod"><span class="font_size14">￥</span>268</p>
    				                	<p class="color_999 font_size12 lineheight28"><span class="font_size16 color_19a7f0">超棒4.8 </span> / 5分</p>
    				                	<p class="fontfamily_song color_666 font_size12 lineheight28">共2756条评论</p>
    				                	<a href="" title="" class="part3_more"><i></i>查看详情</a>
									</div>
									<!--right end-->
								</div>
    						</li>
    						<li class="clearfix">
								<div class="imgbox fl">
									<a href="" title="">
									   <img src="images/images59.jpg" alt="" title=""/>
									</a>
								</div>
								<div class="part3_box fl clearfix">
									<!--left-->
									<div class="left fl">
										<a href="" title="" class="font_size20 lineheight50">海德利国贸大酒店-江景房</a>
										<div class="part3_info clearfix fontfamily_song">
											<span class="fl font_size12 color_999">长沙 芙蓉区 五一路</span>
											<p class="fl margin_left10">
												<img src="img/icon122.png" alt="" title=""/>
												<img src="img/icon122.png" alt="" title=""/>
												<img src="img/icon122.png" alt="" title=""/>
											</p>
											<div class="part3_hover fl">
												<p>拍</p>
											</div>
										</div>
										<p class="part3_p font_size12 color_666 fontfamily_song lineheight50"><img src="img/icon123.png" alt="" title=""/>长沙芙蓉区万家丽中路99号万家丽国际购物广场北门</p>
										<div class="part3_tagbox clearfix">
											<ul class="fl">
												<li>干净卫生</li>
												<li>交通便利</li>
												<li>服务态度好</li>
											</ul>
											<p class="fr part3_collect font_size12 color_999"><i></i>收藏 258</p>
										</div>
									</div>
									<!--left-->
									<!--right-->
									<div class="right fr">
    				                	<p class="color_f08519 font_size36 font_blod"><span class="font_size14">￥</span>268</p>
    				                	<p class="color_999 font_size12 lineheight28"><span class="font_size16 color_19a7f0">超棒4.8 </span> / 5分</p>
    				                	<p class="fontfamily_song color_666 font_size12 lineheight28">共2756条评论</p>
    				                	<a href="" title="" class="part3_more"><i></i>查看详情</a>
									</div>
									<!--right end-->
								</div>
    						</li>
    						<li class="clearfix">
								<div class="imgbox fl">
									<a href="" title="">
									   <img src="images/images59.jpg" alt="" title=""/>
									</a>
								</div>
								<div class="part3_box fl clearfix">
									<!--left-->
									<div class="left fl">
										<a href="" title="" class="font_size20 lineheight50">海德利国贸大酒店-江景房</a>
										<div class="part3_info clearfix fontfamily_song">
											<span class="fl font_size12 color_999">长沙 芙蓉区 五一路</span>
											<p class="fl margin_left10">
												<img src="img/icon122.png" alt="" title=""/>
												<img src="img/icon122.png" alt="" title=""/>
												<img src="img/icon122.png" alt="" title=""/>
											</p>
											<div class="part3_hover fl">
												<p>拍</p>
											</div>
										</div>
										<p class="part3_p font_size12 color_666 fontfamily_song lineheight50"><img src="img/icon123.png" alt="" title=""/>长沙芙蓉区万家丽中路99号万家丽国际购物广场北门</p>
										<div class="part3_tagbox clearfix">
											<ul class="fl">
												<li>干净卫生</li>
												<li>交通便利</li>
												<li>服务态度好</li>
											</ul>
											<p class="fr part3_collect font_size12 color_999"><i></i>收藏 258</p>
										</div>
									</div>
									<!--left-->
									<!--right-->
									<div class="right fr">
    				                	<p class="color_f08519 font_size36 font_blod"><span class="font_size14">￥</span>268</p>
    				                	<p class="color_999 font_size12 lineheight28"><span class="font_size16 color_19a7f0">超棒4.8 </span> / 5分</p>
    				                	<p class="fontfamily_song color_666 font_size12 lineheight28">共2756条评论</p>
    				                	<a href="" title="" class="part3_more"><i></i>查看详情</a>
									</div>
									<!--right end-->
								</div>
    						</li>
    						<li class="clearfix">
								<div class="imgbox fl">
									<a href="" title="">
									   <img src="images/images59.jpg" alt="" title=""/>
									</a>
								</div>
								<div class="part3_box fl clearfix">
									<!--left-->
									<div class="left fl">
										<a href="" title="" class="font_size20 lineheight50">海德利国贸大酒店-江景房</a>
										<div class="part3_info clearfix fontfamily_song">
											<span class="fl font_size12 color_999">长沙 芙蓉区 五一路</span>
											<p class="fl margin_left10">
												<img src="img/icon122.png" alt="" title=""/>
												<img src="img/icon122.png" alt="" title=""/>
												<img src="img/icon122.png" alt="" title=""/>
											</p>
											<div class="part3_hover fl">
												<p>拍</p>
											</div>
										</div>
										<p class="part3_p font_size12 color_666 fontfamily_song lineheight50"><img src="img/icon123.png" alt="" title=""/>长沙芙蓉区万家丽中路99号万家丽国际购物广场北门</p>
										<div class="part3_tagbox clearfix">
											<ul class="fl">
												<li>干净卫生</li>
												<li>交通便利</li>
												<li>服务态度好</li>
											</ul>
											<p class="fr part3_collect font_size12 color_999"><i></i>收藏 258</p>
										</div>
									</div>
									<!--left-->
									<!--right-->
									<div class="right fr">
    				                	<p class="color_f08519 font_size36 font_blod"><span class="font_size14">￥</span>268</p>
    				                	<p class="color_999 font_size12 lineheight28"><span class="font_size16 color_19a7f0">超棒4.8 </span> / 5分</p>
    				                	<p class="fontfamily_song color_666 font_size12 lineheight28">共2756条评论</p>
    				                	<a href="" title="" class="part3_more"><i></i>查看详情</a>
									</div>
									<!--right end-->
								</div>
    						</li>
    					</ul>
    					<!--part3_ul-->
    					<!--my_page-->
						 <div class="my_page clearfix">
							<ul class="my_pageul clearfix margin_top30">
								<li>
									<a href="" title=""><</a>
								</li>
								<li class="this">
									<a href="" title="">1</a>
								</li>
								<li>
									<a href="" title="">2</a>
								</li>
								<li>
									<a href="" title="">3</a>
								</li>
								<li>
									<a href="" title="">4</a>
								</li>
								<li>
									<a href="" title="">5</a>
								</li>
								<li>
									<a href="" title="">></a>
								</li>
							</ul>
						</div>
						<!--my_page end-->
    				</div>
    				<!--left end-->
    				<!--right-->
    				<div class="right fr" id="fixed_right">
                        <div class="part3_selectBox margin_bottom15">
                        	<select name="" class="fl">
                        		<option value="">星级： 不限</option>
                        		<option value="">星级： 不限</option>
                        	</select>
                        	<select name="" class="fr">
                        		<option value="">价格： 不限</option>
                        		<option value="">价格： 不限</option>
                        	</select>
                        </div>
                        <div class="part3_mapbox">
                        	<img src="images/images61.jpg" alt="" title=""/>
                        </div>
                        <div class="part3_advbox imgbox">
                        	<a href="" title=""><img src="images/images62.jpg" alt="" title=""/></a>
                        	<a href="" title=""><img src="images/images63.jpg" alt="" title=""/></a>
                        </div>
    				</div>
    				<!--right end-->
    			</div>
    			<!--part3-->
	    	</div>
    	</div>
    	<!--hotellist_contanier end-->
    	
    	<!--footer-->
        <div class="myfooter">
        	<div class="footer_info">
        		<div class="width1200 clearfix">
        			<!--left-->
	        		<div class="left fl">
	        		    <div class="imgbox">
	        		    	<img src="img/icon39.png" alt="" title=""/>
	        		    </div>
	        		    <div class="clearfix">
	        		    	<div class="fl imgbox">
	        		    		<img src="img/icon41.png" alt="" title=""/>
	        		    	</div>
	        		    	<div class="fl color_fff padding_left10">
	        		    		<p class="font_size12">24小时服务热线</p>
	        		    		<p class="font_size24">400-716-0164</p>
	        		    	</div>
	        		    </div>
	        		</div>
        			<!--left end-->
	        		<!--right-->
	        		<div class="right fl clearfix">
	        			<div class="footer_ulbox fl">
	        				<p class="footer_titlep">掌中拍</p>
	        				<ul>
	        					<li><a href="" title="">关于我们</a></li>
	        					<li><a href="" title="">精品抢拍 </a></li>
	        					<li><a href="" title="">热门目的地</a></li>
	        					<li><a href="" title="">旅游攻略</a></li>
	        					<li><a href="" title="">工作机会</a></li>
	        					<li><a href="" title="">联系我们</a></li>
	        				</ul>
	        			</div>
	        			<div class="footer_ulbox fl">
	        				<p class="footer_titlep">加盟合作</p>
	        				<ul>
	        					<li><a href="" title="">酒店加盟 </a></li>
	        					<li><a href="" title="">供应商加盟 </a></li>
	        					<li><a href="" title="">加盟政策</a></li>
	        					<li><a href="" title="">我要加盟</a></li>
	        				</ul>
	        			</div>
	        			<div class="footer_ulbox fl">
	        				<p class="footer_titlep">帮助中心</p>
	        				<ul>
	        					<li><a href="" title="">新手上路 </a></li>
	        					<li><a href="" title="">使用帮助 </a></li>
	        					<li><a href="" title="">会员条款</a></li>
	        					<li><a href="" title="">旅游攻略</a></li>
	        				</ul>
	        			</div>
	        			<div class="footer_rightbox fl">
	        				<p class="footer_titlep">关于我们</p>
	        				<ul class="clearfix padding_top10">
	        					<li class="padding_right20">
	        						<div class="imgbox">
	        							<img src="img/icon40.png" alt="" title=""/>
	        						</div>
	        						<p class="padding_top10">掌中拍app下载</p>
	        					</li>
	        					<li>
	        						<div class="imgbox">
	        							<img src="img/icon40.png" alt="" title=""/>
	        						</div>
	        						<p class="padding_top10">微信关注掌中拍</p>
	        					</li>
	        				</ul>
	        			</div>
	        		</div>
	        		<!--right end-->
	        	</div>
        	</div>
        	<div class="copyright">
        		<div class="width1200 font_size12 color_777676">
        			<p class="fl">Copyright 2017 ©掌中拍版权所有  备案号：湘ICP备16000832</p>
        			<p class="fr">网站地图 | 隐私政策 | 长沙网站建设—创研科技<img src="img/icon42.png" alt="" title=""/></p>
        		</div>
        	</div>
        </div>
        <!--footer end-->
        
        <!--右侧固定开始-->
		<div class="fixed_box" style="display: block;">
			<p style="margin-left: -46px;"><i><img src="img/icon43.png" alt="短信" title=""></i><a href="" target="_blank" title="">在线咨询</a></p>
			<p style="margin-left: -46px;" class="fixed_wx"><i><img src="img/icon44.png" alt="微信" title=""></i><em><img src="img/icon40.png" alt="" title=""></em></p>
			<p style="margin-left: -46px;"><i><img src="img/icon45.png" alt="" title=""></i><em>0731-85539437</em></p>
			<p style="margin-left: -46px;" ><i><img src="img/icon46.png" alt="电话" title=""></i><em>0731-85539437</em></p>
			<p style="margin-left: -46px;" class="back_top"><i><img src="img/icon47.png" alt="返回顶部" title=""></i></p>
		</div>
		<!--右侧固定结束-->
	</body>
</html>
<script src="js/jquery-1.12.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="js/moment.min.js" type="text/javascript" charset="utf-8"></script> <!--选择日期-->
<script src="js/jquery.daterangepicker.js" type="text/javascript" charset="utf-8"></script> <!--选择日期-->
<script src="js/demo.js" type="text/javascript" charset="utf-8"></script> <!--选择日期-->
<script type="text/javascript"> 
	 $('.two-inputs').dateRangePicker({
		separator : ' to ',
		getValue: function()
		{
			if ($('#date-range200').val() && $('#date-range201').val() )
				return $('#date-range200').val() + ' to ' + $('#date-range201').val();
			else
				return '';
		},
		setValue: function(s,s1,s2)
		{
			$('#date-range200').val(s1);
			$('#date-range201').val(s2);
		}
	}); //选择日期
</script>
<script type="text/javascript">
	$(".part2_p").click(function  () {
		if($(this).parent().find(".part2_hidebox").is(":hidden")){
			$(this).parent().find(".part2_hidebox").stop().slideDown();
		}else{
			$(this).parent().find(".part2_hidebox").stop().slideUp();
		}
	})
</script>